﻿@{
    Layout = "~/Views/Shared/_ColumnsOne.cshtml";
}
<!-- Begin slider -->
<script type="text/javascript">
    $(document).ready(function () {
        $('#slider ul').bxSlider({
            mode: 'fade',
            infiniteLoop: true,
            controls: true,
            speed: 800,
            pause: 3000,
            auto: true,
            autoDirection: 'next',
            moveSlideQty: 1,
            autoHover: false
        });
        $(document).keyup(function (e) {
            if (e.keyCode == 37) {
                $('.bx-prev').click();
            }
            if (e.keyCode == 39) {
                $('.bx-next').click();
            }
        });
    });
</script>
<div id="slider">
    <ul>
        <li class="slide"><a href="collections/mijnen-pieper.html">
            <img src="/images/slider/slider-1.jpg"></a></li>
        <li class="slide"><a href="products/european-goldfinch.html">
            <img src="/images/slider/slider-2.jpg"></a></li>
        <li class="slide"><a href="products/art-deco-globe.html">
            <img src="/images/slider/slider-3.jpg"></a></li>
        <li class="slide"><a href="products/opinel-carbone.html">
            <img src="/images/slider/slider-4.jpg"></a></li>
    </ul>
</div>
<!-- End slider -->
@section content_after {
    <!-- Begin product-list -->
    <div id="product-list">
        <div class="products">
            <!-- Begin product-item-->
            <h3 class="cfm">
                New Products</h3>
            <div class="row1">
                <div class="col1">
                    <div class="product-item same-height">
                        <div class="photo">
                            <a href="collections/frontpage/products/art-deco-globe.html">
                                <img src="/images/products/00110norm-960_medium0ae3.jpg" alt="Art Deco Globe" /></a>
                        </div>
                        <ul class="description">
                            <li class="product-list-title"><a href="collections/frontpage/products/art-deco-globe.html"
                                class="cfm">Art Deco Globe</a></li>
                            <li class="product-list-price">&euro; 175.00 </li>
                        </ul>
                    </div>
                </div>
                <div class="col2">
                    <div class="product-item same-height">
                        <div class="photo">
                            <a href="collections/frontpage/products/cast-iron-foot-pump.html">
                                <img src="/images/products/00115full1_medium0ae3.jpg" alt="Cast Iron Foot Pump" /></a>
                        </div>
                        <ul class="description">
                            <li class="product-list-title"><a href="collections/frontpage/products/cast-iron-foot-pump.html"
                                class="cfm">Cast Iron Foot Pump</a></li>
                            <li class="product-list-price">&euro; 20.00 </li>
                        </ul>
                    </div>
                </div>
                <div class="col3">
                    <div class="product-item same-height">
                        <div class="photo">
                            <a href="collections/frontpage/products/frame-hand-pump.html">
                                <img src="/images/products/framepump2_medium0ae3.jpg" alt="Frame Hand Pump" /></a>
                        </div>
                        <ul class="description">
                            <li class="product-list-title"><a href="collections/frontpage/products/frame-hand-pump.html"
                                class="cfm">Frame Hand Pump</a></li>
                            <li class="product-list-price">&euro; 65.00 </li>
                        </ul>
                    </div>
                </div>
                <div class="col4">
                    <div class="product-item same-height">
                        <div class="photo">
                            <a href="collections/frontpage/products/hand-tool.html">
                                <img src="/images/products/00115detail8_medium0ae3.jpg" alt="Hand Tool" /></a>
                        </div>
                        <ul class="description">
                            <li class="product-list-title"><a href="collections/frontpage/products/hand-tool.html"
                                class="cfm">Hand Tool</a></li>
                            <li class="product-list-price">&euro; 25.00 </li>
                        </ul>
                    </div>
                </div>
                <div class="col5">
                    <div class="product-item same-height">
                        <div class="photo">
                            <a href="collections/frontpage/products/bike-valve-keychain.html">
                                <img src="/images/products/ventil_1_medium0ae3.jpg" alt="Bike Valve Keychain" /></a>
                        </div>
                        <ul class="description">
                            <li class="product-list-title"><a href="collections/frontpage/products/bike-valve-keychain.html"
                                class="cfm">Bike Valve Keychain</a></li>
                            <li class="product-list-price">&euro; 3.50 </li>
                        </ul>
                    </div>
                </div>
                <div class="col6">
                    <div class="product-item same-height">
                        <div class="photo">
                            <a href="collections/frontpage/products/seaweed-schoolchart.html">
                                <img src="/images/products/00109norm_medium0ae3.jpg" alt="Seaweed School Chart" /></a>
                        </div>
                        <ul class="description">
                            <li class="product-list-title"><a href="collections/frontpage/products/seaweed-schoolchart.html"
                                class="cfm">Seaweed School Chart</a></li>
                            <li class="product-list-price">&euro; 100.00 </li>
                        </ul>
                    </div>
                </div>
                <div class="col7">
                    <div class="product-item same-height">
                        <div class="photo">
                            <a href="collections/frontpage/products/radiometer.html">
                                <img src="/images/products/radiometer1_medium0ae3.jpg" alt="Crookes Radiometer" /></a>
                        </div>
                        <ul class="description">
                            <li class="product-list-title"><a href="collections/frontpage/products/radiometer.html"
                                class="cfm">Crookes Radiometer</a></li>
                            <li class="product-list-price">&euro; 45.00 </li>
                        </ul>
                    </div>
                </div>
                <div class="col8">
                    <div class="product-item same-height">
                        <div class="photo">
                            <a href="collections/frontpage/products/kaweco-set-black.html">
                                <img src="/images/products/set_black1_medium0ae3.jpg" alt="Kaweco Set Black" /></a>
                        </div>
                        <ul class="description">
                            <li class="product-list-title"><a href="collections/frontpage/products/kaweco-set-black.html"
                                class="cfm">Kaweco Set Black</a></li>
                            <li class="product-list-price">&euro; 50.00 </li>
                        </ul>
                    </div>
                </div>
            </div>
            <!-- End product-item-->
            <div style="clear: both;">
            </div>
        </div>
    </div>
    <div class="viewallbutton">
        <a href="collections/store.html">
            <button id="viewall" type="button">
                <span class="cfm">View all products</span></button></a>
    </div>
    <!-- Begin product-variants -->
    <!-- End product-variants -->
}
@*<div class="page home-page">
    <div class="page-body">
        @Html.Widget("home_page_top")
        @Html.Action("TopicBlock", "Topic", new { systemName = "HomePageText" })
        <div class="clear">
        </div>
        @Html.Action("HomepageCategories", "Catalog")
        <div class="clear">
        </div>
        @Html.Action("HomepageProducts", "Catalog")
        <div class="clear">
        </div>
        @Html.Action("HomepageBestSellers", "Catalog")
        <div class="clear">
        </div>
        @Html.Action("HomePageNews", "News")
        <div class="clear">
        </div>
        @Html.Action("HomePagePolls", "Poll")
        @Html.Widget("home_page_bottom")
    </div>
</div>*@ 